import React from 'react';
import HomeScroll from '../components/home/home-scroll'
import HomeIphone11 from '../components/home/homeIphone11';
import HomeMac from '../components/home/homemac';
import HomeIpad from '../components/home/homeIpad';
import HomeAppleTV from "./../components/home/homeAppleTV";
import HomeFooter from "./../components/home/homeFooter";
import HomeAirPods from "./../components/home/homeAirpods";
export default function Home() {
    return (
        <div>
            <h1>this is home page</h1>
            <div
                className="alert alert-warning alert-dismissible fade show"
                role="alert"
                style={{ marginBottom: "0px" }}
            >
                <strong>Frank Sun:</strong> This website is only for my potential
        employers to check my ability. There is no commercial usage. Most of the
        materials are copied from apple official website. Since most of the
        materials are second-hand, the dispaly may not as good as what exactly
        it is on the apple website.
        {/* NOTE:下面是：关闭按钮--通过使用一个象征关闭的图标，可以让模态框和警告框消失。 */}

                <button
                    type="button"
                    className="close"
                    data-dismiss="alert"
                    aria-label="Close"
                >
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            {/* 首页视频滚动条 */}
            <HomeScroll></HomeScroll>
            {/*iphone11介绍 */}
            <HomeIphone11></HomeIphone11>
            <HomeMac></HomeMac>
            <HomeIpad></HomeIpad>
            <HomeAirPods></HomeAirPods>
      <HomeAppleTV></HomeAppleTV>
      <HomeFooter></HomeFooter>
        </div>
    )
}
